<!DOCTYPE html>
<!-- saved from url=(0024)http://md.aclickall.com/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <link rel="shoticon" href="./imgs/qrcode.jpg" type="image/x-icon">
  <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=0">
  <meta name="author" content="微信公众号：颜家大少">
  <meta name="email" content="3056432@qq.com">
  <meta name="description" content="Markdown排版利器，还能让Markdown内容，无需作任何调整就能同时在微信公众号、博客园、掘金、csdn等平台正确显示当前预览的效果">
  <title>Markdown 微信公众号排版工具</title>  
  <script src="./Md2All_files/hm.js.下载"></script><script src="./Md2All_files/index.js.下载"></script><style type="text/css">@charset "utf-8";
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
  /* color: #333; */
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizelegibility;
}
/* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 <html> 中添加 .borderbox 这个 class */
html.borderbox *,
html.borderbox *:before,
html.borderbox *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio,
canvas,
video {
  display: inline-block;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
  font: 300 1em/1.8 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', 'sans';
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* 去掉各Table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 去除默认边框 */
fieldset,
img {
  border: 0;
}
/* 块/段落引用 */
blockquote {
  position: relative;
  color: #999;
  font-weight: 400;
  border-left: 1px solid #1abc9c;
  padding-left: 1em;
  margin: 1em 0 1em 2em;
}
@media only screen and (max-width: 640px) {
  blockquote {
    margin: 1em 0;
  }
}
/* Firefox 以外，元素没有下划线，需添加 */
acronym,
abbr {
  border-bottom: 1px dotted;
  font-variant: normal;
}
/* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */
abbr {
  cursor: help;
}
/* 一致的 del 样式 */
del {
  text-decoration: line-through;
}
address,
caption,
cite,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400;
}
/* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */
ul,
ol {
  list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,
th {
  text-align: left;
}
q:before,
q:after {
  content: '';
}
/* 统一上标和下标 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
:root sub,
:root sup {
  vertical-align: baseline;
  /* for ie9 and other modern browsers */
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* 让链接在 hover 状态下显示下划线 */
a {
  color: #1abc9c;
}
a:hover {
  text-decoration: underline;
}
.typo a {
  border-bottom: 1px solid #1abc9c;
}
.typo a:hover {
  border-bottom-color: #555;
  color: #555;
  text-decoration: none;
}
/* 默认不显示下划线，保持页面简洁 */
ins,
a {
  text-decoration: none;
}
/* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的，
 * 要做到更好，向后兼容的话，添加 class="typo-u" 来显示专名号
 * 关于 <u> 标签：http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element
 * 被放弃的是 4，之前一直搞错 http://www.w3.org/TR/html401/appendix/changes.html#idx-deprecated
 * 一篇关于 <u> 标签的很好文章：http://html5doctor.com/u-element/
 */
u,
.typo-u {
  text-decoration: underline;
}
/* 标记，类似于手写的荧光笔的作用 */
mark {
  background: #fffdd1;
  border-bottom: 1px solid #ffedce;
  padding: 2px;
  margin: 0 5px;
}
/* 代码片断 */
pre tt {
  font-family: Courier, 'Courier New', monospace;
}
/*  //Gary update
pre {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 1em 1.5em;
  display: block;
  -webkit-overflow-scrolling: touch;
}
*/
/* 一致化 horizontal rule */
hr {
  border: none;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 0.8em;
  height: 10px;
}
/* 底部印刷体、版本等标记 */
small,
.typo-small,
figcaption {
  font-size: 0.9em;
  color: #888;
}
strong,
b {
  font-weight: bold;
  color: #000;
}
/* 可拖动文件添加拖动手势 */
[draggable] {
  cursor: move;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/* 强制文本换行 */
.textwrap,
.textwrap td,
.textwrap th {
  word-wrap: break-word;
  word-break: break-all;
}
.textwrap-table {
  table-layout: fixed;
}
/* 提供 serif 版本的字体设置: iOS 下中文自动 fallback 到 sans-serif */
.serif {
  font-family: Palatino, Optima, Georgia, serif;
}
/* 保证块/段落之间的空白隔行 */
.typo p,
.typo pre,
.typo ul,
.typo ol,
.typo dl,
.typo form,
.typo hr,
.typo table,
.typo-p,
.typo-pre,
.typo-ul,
.typo-ol,
.typo-dl,
.typo-form,
.typo-hr,
.typo-table,
blockquote {
  margin-bottom: 1.2em;
}
/* Gary update
h1, h2, h3, h4, h5, h6 {
  font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
  font-weight: 100;
  color: #000;
  line-height: 1.35;
}
*/
/* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */
.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6,
.typo-h1,
.typo-h2,
.typo-h3,
.typo-h4,
.typo-h5,
.typo-h6 {
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  line-height: 1.35;
}
.typo h1,
.typo-h1 {
  font-size: 2em;
}
.typo h2,
.typo-h2 {
  font-size: 1.8em;
}
.typo h3,
.typo-h3 {
  font-size: 1.6em;
}
.typo h4,
.typo-h4 {
  font-size: 1.4em;
}
.typo h5,
.typo h6,
.typo-h5,
.typo-h6 {
  font-size: 1.2em;
}
/* 在文章中，应该还原 ul 和 ol 的样式 */
.typo ul,
.typo-ul {
  margin-left: 1.3em;
  list-style: disc;
}
.typo ol,
.typo-ol {
  list-style: decimal;
  margin-left: 1.9em;
}
.typo li ul,
.typo li ol,
.typo-ul ul,
.typo-ul ol,
.typo-ol ul,
.typo-ol ol {
  margin-bottom: 0.8em;
  margin-left: 2em;
}
.typo li ul,
.typo-ul ul,
.typo-ol ul {
  list-style: circle;
}
/* 同 ul/ol，在文章中应用 table 基本格式 */
.typo table th,
.typo table td,
.typo-table th,
.typo-table td,
.typo table caption {
  border: 1px solid #ddd;
  padding: 0.5em 1em;
  color: #666;
}
.typo table th,
.typo-table th {
  background: #fbfbfb;
}
.typo table thead th,
.typo-table thead th {
  background: #f1f1f1;
}
.typo table caption {
  border-bottom: none;
}
/* 去除 webkit 中 input 和 textarea 的默认样式  */
.typo-input,
.typo-textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
.typo-em,
.typo em,
legend,
caption {
  color: #000;
  font-weight: inherit;
}
/* 着重号，只能在少量（少于100个字符）且全是全角字符的情况下使用 */
.typo-em {
  position: relative;
}
.typo-em:after {
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  content: "\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB";
}
/* Responsive images */
.typo img {
  max-width: 100%;
}
* {
  box-sizing: border-box;
}
a {
  color: #1e6bb8;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
:first-child {
  margin-top: 0;
}
img {
  border-radius: 6px;
  border: 2px solid #EEE;
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
p {
  margin-bottom: 15px;
  margin-top: 15px;
}
pre p {
  margin: 0;
}
pre ul,
pre ol {
  margin: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
pre tt {
  display: inline;
  padding: 0;
  margin: 0;
  overflow: initial;
  line-height: inherit;
  word-wrap: normal;
  border: 0;
}
pre tt:before,
pre tt:after {
  content: normal;
}
ul,
ol {
  margin-top: 0;
}
blockquote > :first-child {
  margin-top: 0;
}
blockquote > :last-child {
  margin-bottom: 0;
}
table {
  display: block;
  width: 100%;
  overflow: auto;
  word-break: normal;
  word-break: keep-all;
}
table th {
  font-weight: bold;
}
table th,
table td {
  padding: 0.5rem 1rem;
  border: 1px solid #e9ebec;
}
dl {
  padding: 0;
}
dl dt {
  padding: 0;
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: bold;
}
dl dd {
  padding: 0;
  margin-bottom: 1rem;
}
</style><style type="text/css">@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body {
  width: 100%;
  font-size: 16px;
  font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
  line-height: 1.6; }

button, input, select, textarea {
  font: 300 1em/1.8 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', 'sans'; }

select * {
  font: 300 1em/1.8 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', 'sans'; }

.all_container {
  width: 100%; }

.tool_header {
  width: 100%;
  height: 50px;
  background: #ededed;
  line-height: 50px;
  position: absolute;
  top: 0px;
  left: 0px; }

#icon_container_left {
  height: 50px;
  margin-left: 20px;
  display: block;
  float: left; }

#icon_container_right {
  display: block;
  height: 50px;
  float: right; }

#display_area {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: 869px;
  border-bottom: 1px solid #959b6f;
  border-top: 1px solid #959b6f; }

#container_foot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #ededed; }

#foot_css {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #50616D; }

#editor {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  overflow: auto;
  background-color: #333;
  font-family: courier, monospace;
  font-size: inherit;
  color: #fff;
  word-wrap: break-word;
  word-break: normal;
  white-space: pre-wrap;
  /*
 // 不会自动换行，除非你enter换行
  word-wrap: normal !important;
  white-space: normal !important;
	white-space: pre !important;
*/ }

#drag_indicate {
  position: absolute;
  top: 0;
  left: 0px;
  -webkit-transform: translate(300px, 0px);
          transform: translate(300px, 0px);
  width: 10px;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  user-drag: none;
  touch-acion: pan-y;
  cursor: e-resize;
  background-color: #f6f6f6;
  border-left: 1px solid #959b6f;
  border-right: 1px solid #959b6f;
  z-index: 20; }

#editor_render {
  position: absolute;
  top: 0;
  left: 0px;
  -webkit-transform: translate(310px, 0px);
          transform: translate(310px, 0px);
  width: 300px;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  overflow: auto;
  background-color: #fff; }

.Title {
  width: 100%;
  height: 100%;
  text-align: left;
  padding-left: 60px;
  font-size: 22px;
  font-weight: bold; }

.btn {
  border: 1px solid #8d994d;
  padding: 5px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 3px; }

#copy_btn {
  background-color: #ededed;
  margin-right: 30px; }

#code_select {
  height: 100%; }

#narrowcode_select, #codeline_select {
  height: 100%;
  display: inline-block;
  text-align: center;
  margin-right: 20px; }

#html_select {
  display: none;
  z-index: 3;
  height: 100%;
  text-align: center;
  margin-right: 20px; }

.theme-wrapper {
  display: inline-block;
  margin-right: 20px;
  text-align: center;
  height: 100%; }
  .theme-wrapper select {
    background: #FFF; }

#mycss_icon {
  margin-right: 20px;
  text-decoration: none;
  color: #159957 !important;
  font-weight: bold; }

#mycss_icon:active {
  -webkit-transform: translate(1px, 1px);
          transform: translate(1px, 1px); }

#cssSetting {
  z-index: 4;
  visibility: hidden; }

#cssSetting, #file_export_setting {
  position: absolute;
  top: 0;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  height: 100%;
  background-color: #282b2e;
  padding: 0px 20px; }

#cssToolHead, #file_export_settingHead {
  display: block;
  width: 100%;
  height: 50px;
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #282b2e;
  color: #ffffff; }

#cssToolHead #css_select {
  padding-top: 15px; }

#cssToolHead #cssnote {
  font-size: 12px; }

#cssEditArea, #file_export_cssEditArea {
  width: 100%;
  padding: 20px;
  background-color: #f6f6f6;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  word-wrap: normal !important;
  word-break: normal !important;
  white-space: pre !important;
  overflow: auto; }

#cssToolFoot, #file_export_settingFoot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 50px;
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #282b2e;
  font-weight: bold;
  color: #fff; }
  #cssToolFoot *, #file_export_settingFoot * {
    margin-right: 20px; }
  #cssToolFoot a, #file_export_settingFoot a {
    text-decoration: none;
    color: inherit; }

#file_export_container {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  z-index: 5;
  visibility: hidden; }

/*
#file_export_tool_head
{
  position:absolute;
  top: 0px;
  left:0px;
  width: 100% ;
  height: $toolbar_hight;
  background: #ededed;
  line-height:$toolbar_hight;
  vertical-align:middle;
  
}
*/
#file_export_setting {
  position: absolute;
  top: 50px;
  left: 0px;
  height: 100%; }

#export_iframe_container {
  position: absolute;
  top: 50px;
  left: 0px;
  height: 100%;
  background: #ffffff; }

#export_iframe {
  width: 100%;
  height: 100%; }

#export_iframe_cover {
  position: absolute;
  top: 0;
  left: 0px;
  width: 0px;
  height: 100%; }

.icon_class:hover {
  -webkit-transform: translate(1px, 1px);
          transform: translate(1px, 1px);
  cursor: pointer; }

.icon_class:active {
  -webkit-transform: translate(1px, 1px);
          transform: translate(1px, 1px); }

.tool_pic_icon {
  display: inline-block;
  height: 36px;
  width: 40px;
  background-position: 7px 6px;
  vertical-align: middle; }

.edit_icon {
  background: url() no-repeat; }

.export_icon {
  background: url() no-repeat; }

.picture_icon {
  background: url() no-repeat; }

.icon_class {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 2px;
  font-weight: bold; }

#cssToolFoot .icon_class {
  color: #ffffff; }

#file_export_settingFoot .icon_class {
  color: #ffffff; }

#saveIndicate {
  display: inline-block;
  visibility: hidden;
  margin-left: 20px; }

#html_select {
  color: #1e819e;
  font-weight: bold; }

.css_edit_note {
  color: #159957;
  font-weight: bold; }

.css_edit_update {
  color: #f82375;
  font-weight: bold; }

#export_iframe {
  z-index: 10; }

#file_export_tool_head {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background: #ededed;
  line-height: 50px;
  vertical-align: middle;
  padding-left: 40px;
  color: #3e3e3e; }
  #file_export_tool_head input {
    text-align: right;
    padding-right: 5px;
    width: 120px; }
  #file_export_tool_head > * {
    margin-right: 20px; }
  #file_export_tool_head .icon_class {
    color: #3e3e3e; }

#beian {
  position: absolute;
  left: 0px;
  display: inline-block;
  width: 100%;
  text-align: center;
  display: none; }

#beian a {
  color: #999; }

#global_popup {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%; }

.popup_background {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.3;
  z-index: 499; }

.popup_conetent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%; }

.common_pop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  background: #ededed;
  border: 5px solid #9E9E9E;
  border-radius: 10px;
  padding: 10px;
  word-wrap: break-word;
  word-break: break-word; }

.close_popup_icon {
  display: inline-block;
  background: url() no-repeat;
  height: 26px;
  width: 26px;
  vertical-align: middle; }

.closePopupContainerId {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.warning {
  color: #E65100; }

.versionContentId {
  width: 600px;
  margin: 30px 10px; }

.popup_conetent li {
  padding-left: 20px; }

.copyPopupContent {
  width: 640px;
  height: 200px;
  padding-bottom: 10px;
  padding-top: 10px; }

#fileWindow {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100px;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

#fileWindow ul {
  padding-left: 10px; }

.folder_close .folder {
  display: inline-block;
  background: url(output/524f504c45ed6ca333a485533a9beb9c.png) no-repeat;
  height: 16px;
  width: 16px;
  background-position: -111px 0px;
  vertical-align: middle; }

.folder_close .folder_status {
  display: inline-block;
  background: url(output/524f504c45ed6ca333a485533a9beb9c.png) no-repeat;
  height: 16px;
  width: 16px;
  background-position: -76px 0px;
  vertical-align: middle; }

.folder_open .folder {
  display: inline-block;
  background: url(output/524f504c45ed6ca333a485533a9beb9c.png) no-repeat;
  height: 16px;
  width: 16px;
  background-position: -111px -16px;
  vertical-align: middle; }

.folder_open .folder_status {
  display: inline-block;
  background: url(output/524f504c45ed6ca333a485533a9beb9c.png) no-repeat;
  height: 16px;
  width: 16px;
  background-position: -94px 0px;
  vertical-align: middle; }

.folder_item {
  display: inline-block;
  margin-left: -20px;
  word-wrap: normal !important;
  white-space: pre !important; }

.folder_item:hover, .file_item:hover {
  background: #EFEBE9; }

.file_item_display {
  cursor: default;
  padding: 0px 10px; }

.file_item {
  word-wrap: normal !important;
  white-space: pre !important; }

/*
.popup_btn
{
    //position:relative;
    display: inline-block;    
    background: url(../imgs/edit.png) no-repeat;
    height: 16px;
    width: 40px;  
    background-position: 7px 0px;
    vertical-align: middle; 
}
*/
.popup {
  z-index: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute; }

.popup_item:hover {
  background: #424242;
  color: #ffffff; }

.popup_item {
  display: block;
  width: 100%;
  height: 50px;
  border-top: 1px solid #000000;
  padding: 10px; }

.popup_item:first-child {
  border-top: 0px solid red; }

#filewindow_popup {
  display: block;
  background: #EFEBE9;
  border: 2px solid #FBE9E7;
  width: 200px; }

.item_select {
  background: #E0E0E0; }

.drag_over {
  background: #9575CD;
  color: #ffffff; }

.common_file_pop {
  width: 400px;
  height: 250px; }

.new_file_name {
  width: 350px;
  height: 200px; }

.new_file_name .btn_group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.new_file_name .warning {
  visibility: hidden; }

.popup_btn {
  padding: 2px 20px; }

.workspace_folder {
  font-weight: bold;
  color: #00BFA5; }

.color_windown {
  position: absolute;
  bottom: 30px;
  right: 0;
  z-index: 200;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  border: 4px solid #CCC;
  border-radius: 6px;
  background: white;
  margin-right: 20px;
  margin-bottom: 10px;
  visibility: hidden; }

.color_container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 1px solid #CCC;
  height: 600px;
  border-radius: 4px; }

.color_son_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100px; }

.color_son {
  display: block;
  /*增加此，否则在safari可能有问题*/
  text-align: center;
  list-style-type: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.color_father_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 100%;
  width: 20px;
  margin: 0 20px; }

.color_father {
  display: block;
  /*增加此，否则在safari可能有问题*/
  width: 20px;
  height: 20px;
  border-radius: 50%; }

.color_father:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5); }

.color_toolbar {
  height: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.close_color_icon {
  display: inline-block;
  background: url() no-repeat;
  height: 26px;
  width: 26px;
  vertical-align: middle; }

.color_window_icon {
  display: inline-block;
  background: url() no-repeat;
  height: 24px;
  width: 24px;
  vertical-align: middle; }

#color_ref {
  z-index: 200;
  margin-right: 15px; }

.color_select {
  -webkit-transform: scale(1.5);
          transform: scale(1.5); }

.picture_settingPopupContent, .picSettingContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 40px 0px 10px 0px;
  padding: 10px;
  border: 2px solid #959b6f;
  border-radius: 5px; }

.picture_settingPopupContent {
  width: 800px; }

.picSettingContainer {
  width: 100%; }

.picInputInfoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding: 10px 0px; }

.autouploadImgItem {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.picInputInfoItem label {
  width: 20%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.picInputInfoItem .autoUploadImgLabel {
  width: 80%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.picInputInfoItem > input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.picInputInfoItem .autouploadImg {
  text-align: right;
  padding-right: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.uploadPicBtn {
  display: block;
  background: #00C853;
  color: white;
  border: 1px solid #D7CCC8;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  text-align: center; }

.uploadPicBtnContainer {
  margin-top: 10px;
  width: 100%; }

.uploadWarning {
  text-align: left;
  margin-bottom: 40px; }

.picture_popup_content {
  width: 400px; }

.picItems {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 20px;
  max-height: 800px;
  overflow: auto; }

.picticItem {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.picticItem img {
  width: 60px;
  height: 60px; }

.picticItem lable {
  /*   display: inline-block;  
    vertical-align: middle; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

/* .savePicSetting
  {
    background:$PIC_BTN_BACKGROUND_COLOR;
    color:white;
  } */
</style>
   <style type="text/css" id="temp_style">
  </style>
  <style type="text/css">
    #beian {display: inline-block}
</style>
  
  
<style type="text/css" id="output_wrapper_style">.output_wrapper a:hover { text-decoration: underline; color: rgb(0, 96, 100); }
.output_wrapper figcaption { margin-top: 10px; text-align: center; color: rgb(153, 153, 153); font-size: 0.7em; }
.output_wrapper pre code .linenum { padding-right: 20px; word-spacing: 0px; }
.task-list-list { list-style-type: none; }
.task-list-list.checked { color: rgb(62, 62, 62); }
.task-list-list.uncheck { color: rgb(191, 193, 191); }
.task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
.task-list-list .icon_check::before { content: "√"; border: 2px solid rgb(62, 62, 62); color: red; }
.task-list-list .icon_uncheck::before { content: "x"; border: 2px solid rgb(191, 193, 191); color: rgb(191, 193, 191); }
.task-list-list .icon_check::before, .task-list-list .icon_uncheck::before { padding: 2px 8px 2px 5px; border-radius: 5px; }
@font-face { font-family: KaTeX_AMS; src: url("fonts/KaTeX_AMS-Regular.woff2") format("woff2"), url("fonts/KaTeX_AMS-Regular.woff") format("woff"), url("fonts/KaTeX_AMS-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Caligraphic; src: url("fonts/KaTeX_Caligraphic-Bold.woff2") format("woff2"), url("fonts/KaTeX_Caligraphic-Bold.woff") format("woff"), url("fonts/KaTeX_Caligraphic-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: KaTeX_Caligraphic; src: url("fonts/KaTeX_Caligraphic-Regular.woff2") format("woff2"), url("fonts/KaTeX_Caligraphic-Regular.woff") format("woff"), url("fonts/KaTeX_Caligraphic-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Fraktur; src: url("fonts/KaTeX_Fraktur-Bold.woff2") format("woff2"), url("fonts/KaTeX_Fraktur-Bold.woff") format("woff"), url("fonts/KaTeX_Fraktur-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: KaTeX_Fraktur; src: url("fonts/KaTeX_Fraktur-Regular.woff2") format("woff2"), url("fonts/KaTeX_Fraktur-Regular.woff") format("woff"), url("fonts/KaTeX_Fraktur-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Main; src: url("fonts/KaTeX_Main-Bold.woff2") format("woff2"), url("fonts/KaTeX_Main-Bold.woff") format("woff"), url("fonts/KaTeX_Main-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: KaTeX_Main; src: url("fonts/KaTeX_Main-BoldItalic.woff2") format("woff2"), url("fonts/KaTeX_Main-BoldItalic.woff") format("woff"), url("fonts/KaTeX_Main-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; }
@font-face { font-family: KaTeX_Main; src: url("fonts/KaTeX_Main-Italic.woff2") format("woff2"), url("fonts/KaTeX_Main-Italic.woff") format("woff"), url("fonts/KaTeX_Main-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; }
@font-face { font-family: KaTeX_Main; src: url("fonts/KaTeX_Main-Regular.woff2") format("woff2"), url("fonts/KaTeX_Main-Regular.woff") format("woff"), url("fonts/KaTeX_Main-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Math; src: url("fonts/KaTeX_Math-BoldItalic.woff2") format("woff2"), url("fonts/KaTeX_Math-BoldItalic.woff") format("woff"), url("fonts/KaTeX_Math-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; }
@font-face { font-family: KaTeX_Math; src: url("fonts/KaTeX_Math-Italic.woff2") format("woff2"), url("fonts/KaTeX_Math-Italic.woff") format("woff"), url("fonts/KaTeX_Math-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; }
@font-face { font-family: KaTeX_SansSerif; src: url("fonts/KaTeX_SansSerif-Bold.woff2") format("woff2"), url("fonts/KaTeX_SansSerif-Bold.woff") format("woff"), url("fonts/KaTeX_SansSerif-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: KaTeX_SansSerif; src: url("fonts/KaTeX_SansSerif-Italic.woff2") format("woff2"), url("fonts/KaTeX_SansSerif-Italic.woff") format("woff"), url("fonts/KaTeX_SansSerif-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; }
@font-face { font-family: KaTeX_SansSerif; src: url("fonts/KaTeX_SansSerif-Regular.woff2") format("woff2"), url("fonts/KaTeX_SansSerif-Regular.woff") format("woff"), url("fonts/KaTeX_SansSerif-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Script; src: url("fonts/KaTeX_Script-Regular.woff2") format("woff2"), url("fonts/KaTeX_Script-Regular.woff") format("woff"), url("fonts/KaTeX_Script-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Size1; src: url("fonts/KaTeX_Size1-Regular.woff2") format("woff2"), url("fonts/KaTeX_Size1-Regular.woff") format("woff"), url("fonts/KaTeX_Size1-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Size2; src: url("fonts/KaTeX_Size2-Regular.woff2") format("woff2"), url("fonts/KaTeX_Size2-Regular.woff") format("woff"), url("fonts/KaTeX_Size2-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Size3; src: url("fonts/KaTeX_Size3-Regular.woff2") format("woff2"), url("fonts/KaTeX_Size3-Regular.woff") format("woff"), url("fonts/KaTeX_Size3-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Size4; src: url("fonts/KaTeX_Size4-Regular.woff2") format("woff2"), url("fonts/KaTeX_Size4-Regular.woff") format("woff"), url("fonts/KaTeX_Size4-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Typewriter; src: url("fonts/KaTeX_Typewriter-Regular.woff2") format("woff2"), url("fonts/KaTeX_Typewriter-Regular.woff") format("woff"), url("fonts/KaTeX_Typewriter-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@media screen {
  .katex .mtable .vertical-separator { min-width: 1px; }
  .katex .mfrac .frac-line, .katex .overline .overline-line, .katex .underline .underline-line, .katex .hline, .katex .hdashline, .katex .rule { min-height: 1px; }
}
.katex-display { display: block; margin: 1em 0px; text-align: center; }
.katex-display > .katex { display: block; text-align: center; white-space: nowrap; }
.katex-display > .katex > .katex-html { display: block; }
.katex-display > .katex > .katex-html > .tag { position: absolute; right: 0px; }
.katex { font: 1.21em/1.2 KaTeX_Main, "Times New Roman", serif; text-indent: 0px; text-rendering: auto; }
.katex * { }
.katex .katex-mathml { position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0px; border: 0px; height: 1px; width: 1px; overflow: hidden; }
.katex .katex-html { }
.katex .katex-html > .newline { display: block; }
.katex .base { position: relative; display: inline-block; white-space: nowrap; width: min-content; }
.katex .strut { display: inline-block; }
.katex .textbf { font-weight: bold; }
.katex .textit { font-style: italic; }
.katex .textrm { font-family: KaTeX_Main; }
.katex .textsf { font-family: KaTeX_SansSerif; }
.katex .texttt { font-family: KaTeX_Typewriter; }
.katex .mathit { font-family: KaTeX_Math; font-style: italic; }
.katex .mathrm { font-style: normal; }
.katex .mathbf { font-family: KaTeX_Main; font-weight: bold; }
.katex .boldsymbol { font-family: KaTeX_Math; font-weight: bold; font-style: italic; }
.katex .amsrm { font-family: KaTeX_AMS; }
.katex .mathbb, .katex .textbb { font-family: KaTeX_AMS; }
.katex .mathcal { font-family: KaTeX_Caligraphic; }
.katex .mathfrak, .katex .textfrak { font-family: KaTeX_Fraktur; }
.katex .mathtt { font-family: KaTeX_Typewriter; }
.katex .mathscr, .katex .textscr { font-family: KaTeX_Script; }
.katex .mathsf, .katex .textsf { font-family: KaTeX_SansSerif; }
.katex .mainit { font-family: KaTeX_Main; font-style: italic; }
.katex .mainrm { font-family: KaTeX_Main; font-style: normal; }
.katex .vlist-t { display: inline-table; table-layout: fixed; }
.katex .vlist-r { display: table-row; }
.katex .vlist { display: table-cell; vertical-align: bottom; position: relative; }
.katex .vlist > span { display: block; height: 0px; position: relative; }
.katex .vlist > span > span { display: inline-block; }
.katex .vlist > span > .pstrut { overflow: hidden; width: 0px; }
.katex .vlist-t2 { margin-right: -2px; }
.katex .vlist-s { display: table-cell; vertical-align: bottom; font-size: 1px; width: 2px; min-width: 2px; }
.katex .msupsub { text-align: left; }
.katex .mfrac > span > span { text-align: center; }
.katex .mfrac .frac-line { display: inline-block; width: 100%; border-bottom-style: solid; }
.katex .mspace { display: inline-block; }
.katex .llap, .katex .rlap, .katex .clap { width: 0px; position: relative; }
.katex .llap > .inner, .katex .rlap > .inner, .katex .clap > .inner { position: absolute; }
.katex .llap > .fix, .katex .rlap > .fix, .katex .clap > .fix { display: inline-block; }
.katex .llap > .inner { right: 0px; }
.katex .rlap > .inner, .katex .clap > .inner { left: 0px; }
.katex .clap > .inner > span { margin-left: -50%; margin-right: 50%; }
.katex .rule { display: inline-block; border: 0px solid; position: relative; }
.katex .overline .overline-line, .katex .underline .underline-line, .katex .hline { display: inline-block; width: 100%; border-bottom-style: solid; }
.katex .hdashline { display: inline-block; width: 100%; border-bottom-style: dashed; }
.katex .sqrt > .root { margin-left: 0.277778em; margin-right: -0.555556em; }
.katex .sizing, .katex .fontsize-ensurer { display: inline-block; }
.katex .sizing.reset-size1.size1, .katex .fontsize-ensurer.reset-size1.size1 { font-size: 1em; }
.katex .sizing.reset-size1.size2, .katex .fontsize-ensurer.reset-size1.size2 { font-size: 1.2em; }
.katex .sizing.reset-size1.size3, .katex .fontsize-ensurer.reset-size1.size3 { font-size: 1.4em; }
.katex .sizing.reset-size1.size4, .katex .fontsize-ensurer.reset-size1.size4 { font-size: 1.6em; }
.katex .sizing.reset-size1.size5, .katex .fontsize-ensurer.reset-size1.size5 { font-size: 1.8em; }
.katex .sizing.reset-size1.size6, .katex .fontsize-ensurer.reset-size1.size6 { font-size: 2em; }
.katex .sizing.reset-size1.size7, .katex .fontsize-ensurer.reset-size1.size7 { font-size: 2.4em; }
.katex .sizing.reset-size1.size8, .katex .fontsize-ensurer.reset-size1.size8 { font-size: 2.88em; }
.katex .sizing.reset-size1.size9, .katex .fontsize-ensurer.reset-size1.size9 { font-size: 3.456em; }
.katex .sizing.reset-size1.size10, .katex .fontsize-ensurer.reset-size1.size10 { font-size: 4.148em; }
.katex .sizing.reset-size1.size11, .katex .fontsize-ensurer.reset-size1.size11 { font-size: 4.976em; }
.katex .sizing.reset-size2.size1, .katex .fontsize-ensurer.reset-size2.size1 { font-size: 0.833333em; }
.katex .sizing.reset-size2.size2, .katex .fontsize-ensurer.reset-size2.size2 { font-size: 1em; }
.katex .sizing.reset-size2.size3, .katex .fontsize-ensurer.reset-size2.size3 { font-size: 1.16667em; }
.katex .sizing.reset-size2.size4, .katex .fontsize-ensurer.reset-size2.size4 { font-size: 1.33333em; }
.katex .sizing.reset-size2.size5, .katex .fontsize-ensurer.reset-size2.size5 { font-size: 1.5em; }
.katex .sizing.reset-size2.size6, .katex .fontsize-ensurer.reset-size2.size6 { font-size: 1.66667em; }
.katex .sizing.reset-size2.size7, .katex .fontsize-ensurer.reset-size2.size7 { font-size: 2em; }
.katex .sizing.reset-size2.size8, .katex .fontsize-ensurer.reset-size2.size8 { font-size: 2.4em; }
.katex .sizing.reset-size2.size9, .katex .fontsize-ensurer.reset-size2.size9 { font-size: 2.88em; }
.katex .sizing.reset-size2.size10, .katex .fontsize-ensurer.reset-size2.size10 { font-size: 3.45667em; }
.katex .sizing.reset-size2.size11, .katex .fontsize-ensurer.reset-size2.size11 { font-size: 4.14667em; }
.katex .sizing.reset-size3.size1, .katex .fontsize-ensurer.reset-size3.size1 { font-size: 0.714286em; }
.katex .sizing.reset-size3.size2, .katex .fontsize-ensurer.reset-size3.size2 { font-size: 0.857143em; }
.katex .sizing.reset-size3.size3, .katex .fontsize-ensurer.reset-size3.size3 { font-size: 1em; }
.katex .sizing.reset-size3.size4, .katex .fontsize-ensurer.reset-size3.size4 { font-size: 1.14286em; }
.katex .sizing.reset-size3.size5, .katex .fontsize-ensurer.reset-size3.size5 { font-size: 1.28571em; }
.katex .sizing.reset-size3.size6, .katex .fontsize-ensurer.reset-size3.size6 { font-size: 1.42857em; }
.katex .sizing.reset-size3.size7, .katex .fontsize-ensurer.reset-size3.size7 { font-size: 1.71429em; }
.katex .sizing.reset-size3.size8, .katex .fontsize-ensurer.reset-size3.size8 { font-size: 2.05714em; }
.katex .sizing.reset-size3.size9, .katex .fontsize-ensurer.reset-size3.size9 { font-size: 2.46857em; }
.katex .sizing.reset-size3.size10, .katex .fontsize-ensurer.reset-size3.size10 { font-size: 2.96286em; }
.katex .sizing.reset-size3.size11, .katex .fontsize-ensurer.reset-size3.size11 { font-size: 3.55429em; }
.katex .sizing.reset-size4.size1, .katex .fontsize-ensurer.reset-size4.size1 { font-size: 0.625em; }
.katex .sizing.reset-size4.size2, .katex .fontsize-ensurer.reset-size4.size2 { font-size: 0.75em; }
.katex .sizing.reset-size4.size3, .katex .fontsize-ensurer.reset-size4.size3 { font-size: 0.875em; }
.katex .sizing.reset-size4.size4, .katex .fontsize-ensurer.reset-size4.size4 { font-size: 1em; }
.katex .sizing.reset-size4.size5, .katex .fontsize-ensurer.reset-size4.size5 { font-size: 1.125em; }
.katex .sizing.reset-size4.size6, .katex .fontsize-ensurer.reset-size4.size6 { font-size: 1.25em; }
.katex .sizing.reset-size4.size7, .katex .fontsize-ensurer.reset-size4.size7 { font-size: 1.5em; }
.katex .sizing.reset-size4.size8, .katex .fontsize-ensurer.reset-size4.size8 { font-size: 1.8em; }
.katex .sizing.reset-size4.size9, .katex .fontsize-ensurer.reset-size4.size9 { font-size: 2.16em; }
.katex .sizing.reset-size4.size10, .katex .fontsize-ensurer.reset-size4.size10 { font-size: 2.5925em; }
.katex .sizing.reset-size4.size11, .katex .fontsize-ensurer.reset-size4.size11 { font-size: 3.11em; }
.katex .sizing.reset-size5.size1, .katex .fontsize-ensurer.reset-size5.size1 { font-size: 0.555556em; }
.katex .sizing.reset-size5.size2, .katex .fontsize-ensurer.reset-size5.size2 { font-size: 0.666667em; }
.katex .sizing.reset-size5.size3, .katex .fontsize-ensurer.reset-size5.size3 { font-size: 0.777778em; }
.katex .sizing.reset-size5.size4, .katex .fontsize-ensurer.reset-size5.size4 { font-size: 0.888889em; }
.katex .sizing.reset-size5.size5, .katex .fontsize-ensurer.reset-size5.size5 { font-size: 1em; }
.katex .sizing.reset-size5.size6, .katex .fontsize-ensurer.reset-size5.size6 { font-size: 1.11111em; }
.katex .sizing.reset-size5.size7, .katex .fontsize-ensurer.reset-size5.size7 { font-size: 1.33333em; }
.katex .sizing.reset-size5.size8, .katex .fontsize-ensurer.reset-size5.size8 { font-size: 1.6em; }
.katex .sizing.reset-size5.size9, .katex .fontsize-ensurer.reset-size5.size9 { font-size: 1.92em; }
.katex .sizing.reset-size5.size10, .katex .fontsize-ensurer.reset-size5.size10 { font-size: 2.30444em; }
.katex .sizing.reset-size5.size11, .katex .fontsize-ensurer.reset-size5.size11 { font-size: 2.76444em; }
.katex .sizing.reset-size6.size1, .katex .fontsize-ensurer.reset-size6.size1 { font-size: 0.5em; }
.katex .sizing.reset-size6.size2, .katex .fontsize-ensurer.reset-size6.size2 { font-size: 0.6em; }
.katex .sizing.reset-size6.size3, .katex .fontsize-ensurer.reset-size6.size3 { font-size: 0.7em; }
.katex .sizing.reset-size6.size4, .katex .fontsize-ensurer.reset-size6.size4 { font-size: 0.8em; }
.katex .sizing.reset-size6.size5, .katex .fontsize-ensurer.reset-size6.size5 { font-size: 0.9em; }
.katex .sizing.reset-size6.size6, .katex .fontsize-ensurer.reset-size6.size6 { font-size: 1em; }
.katex .sizing.reset-size6.size7, .katex .fontsize-ensurer.reset-size6.size7 { font-size: 1.2em; }
.katex .sizing.reset-size6.size8, .katex .fontsize-ensurer.reset-size6.size8 { font-size: 1.44em; }
.katex .sizing.reset-size6.size9, .katex .fontsize-ensurer.reset-size6.size9 { font-size: 1.728em; }
.katex .sizing.reset-size6.size10, .katex .fontsize-ensurer.reset-size6.size10 { font-size: 2.074em; }
.katex .sizing.reset-size6.size11, .katex .fontsize-ensurer.reset-size6.size11 { font-size: 2.488em; }
.katex .sizing.reset-size7.size1, .katex .fontsize-ensurer.reset-size7.size1 { font-size: 0.416667em; }
.katex .sizing.reset-size7.size2, .katex .fontsize-ensurer.reset-size7.size2 { font-size: 0.5em; }
.katex .sizing.reset-size7.size3, .katex .fontsize-ensurer.reset-size7.size3 { font-size: 0.583333em; }
.katex .sizing.reset-size7.size4, .katex .fontsize-ensurer.reset-size7.size4 { font-size: 0.666667em; }
.katex .sizing.reset-size7.size5, .katex .fontsize-ensurer.reset-size7.size5 { font-size: 0.75em; }
.katex .sizing.reset-size7.size6, .katex .fontsize-ensurer.reset-size7.size6 { font-size: 0.833333em; }
.katex .sizing.reset-size7.size7, .katex .fontsize-ensurer.reset-size7.size7 { font-size: 1em; }
.katex .sizing.reset-size7.size8, .katex .fontsize-ensurer.reset-size7.size8 { font-size: 1.2em; }
.katex .sizing.reset-size7.size9, .katex .fontsize-ensurer.reset-size7.size9 { font-size: 1.44em; }
.katex .sizing.reset-size7.size10, .katex .fontsize-ensurer.reset-size7.size10 { font-size: 1.72833em; }
.katex .sizing.reset-size7.size11, .katex .fontsize-ensurer.reset-size7.size11 { font-size: 2.07333em; }
.katex .sizing.reset-size8.size1, .katex .fontsize-ensurer.reset-size8.size1 { font-size: 0.347222em; }
.katex .sizing.reset-size8.size2, .katex .fontsize-ensurer.reset-size8.size2 { font-size: 0.416667em; }
.katex .sizing.reset-size8.size3, .katex .fontsize-ensurer.reset-size8.size3 { font-size: 0.486111em; }
.katex .sizing.reset-size8.size4, .katex .fontsize-ensurer.reset-size8.size4 { font-size: 0.555556em; }
.katex .sizing.reset-size8.size5, .katex .fontsize-ensurer.reset-size8.size5 { font-size: 0.625em; }
.katex .sizing.reset-size8.size6, .katex .fontsize-ensurer.reset-size8.size6 { font-size: 0.694444em; }
.katex .sizing.reset-size8.size7, .katex .fontsize-ensurer.reset-size8.size7 { font-size: 0.833333em; }
.katex .sizing.reset-size8.size8, .katex .fontsize-ensurer.reset-size8.size8 { font-size: 1em; }
.katex .sizing.reset-size8.size9, .katex .fontsize-ensurer.reset-size8.size9 { font-size: 1.2em; }
.katex .sizing.reset-size8.size10, .katex .fontsize-ensurer.reset-size8.size10 { font-size: 1.44028em; }
.katex .sizing.reset-size8.size11, .katex .fontsize-ensurer.reset-size8.size11 { font-size: 1.72778em; }
.katex .sizing.reset-size9.size1, .katex .fontsize-ensurer.reset-size9.size1 { font-size: 0.289352em; }
.katex .sizing.reset-size9.size2, .katex .fontsize-ensurer.reset-size9.size2 { font-size: 0.347222em; }
.katex .sizing.reset-size9.size3, .katex .fontsize-ensurer.reset-size9.size3 { font-size: 0.405093em; }
.katex .sizing.reset-size9.size4, .katex .fontsize-ensurer.reset-size9.size4 { font-size: 0.462963em; }
.katex .sizing.reset-size9.size5, .katex .fontsize-ensurer.reset-size9.size5 { font-size: 0.520833em; }
.katex .sizing.reset-size9.size6, .katex .fontsize-ensurer.reset-size9.size6 { font-size: 0.578704em; }
.katex .sizing.reset-size9.size7, .katex .fontsize-ensurer.reset-size9.size7 { font-size: 0.694444em; }
.katex .sizing.reset-size9.size8, .katex .fontsize-ensurer.reset-size9.size8 { font-size: 0.833333em; }
.katex .sizing.reset-size9.size9, .katex .fontsize-ensurer.reset-size9.size9 { font-size: 1em; }
.katex .sizing.reset-size9.size10, .katex .fontsize-ensurer.reset-size9.size10 { font-size: 1.20023em; }
.katex .sizing.reset-size9.size11, .katex .fontsize-ensurer.reset-size9.size11 { font-size: 1.43981em; }
.katex .sizing.reset-size10.size1, .katex .fontsize-ensurer.reset-size10.size1 { font-size: 0.24108em; }
.katex .sizing.reset-size10.size2, .katex .fontsize-ensurer.reset-size10.size2 { font-size: 0.289296em; }
.katex .sizing.reset-size10.size3, .katex .fontsize-ensurer.reset-size10.size3 { font-size: 0.337512em; }
.katex .sizing.reset-size10.size4, .katex .fontsize-ensurer.reset-size10.size4 { font-size: 0.385728em; }
.katex .sizing.reset-size10.size5, .katex .fontsize-ensurer.reset-size10.size5 { font-size: 0.433944em; }
.katex .sizing.reset-size10.size6, .katex .fontsize-ensurer.reset-size10.size6 { font-size: 0.48216em; }
.katex .sizing.reset-size10.size7, .katex .fontsize-ensurer.reset-size10.size7 { font-size: 0.578592em; }
.katex .sizing.reset-size10.size8, .katex .fontsize-ensurer.reset-size10.size8 { font-size: 0.694311em; }
.katex .sizing.reset-size10.size9, .katex .fontsize-ensurer.reset-size10.size9 { font-size: 0.833173em; }
.katex .sizing.reset-size10.size10, .katex .fontsize-ensurer.reset-size10.size10 { font-size: 1em; }
.katex .sizing.reset-size10.size11, .katex .fontsize-ensurer.reset-size10.size11 { font-size: 1.19961em; }
.katex .sizing.reset-size11.size1, .katex .fontsize-ensurer.reset-size11.size1 { font-size: 0.200965em; }
.katex .sizing.reset-size11.size2, .katex .fontsize-ensurer.reset-size11.size2 { font-size: 0.241158em; }
.katex .sizing.reset-size11.size3, .katex .fontsize-ensurer.reset-size11.size3 { font-size: 0.28135em; }
.katex .sizing.reset-size11.size4, .katex .fontsize-ensurer.reset-size11.size4 { font-size: 0.321543em; }
.katex .sizing.reset-size11.size5, .katex .fontsize-ensurer.reset-size11.size5 { font-size: 0.361736em; }
.katex .sizing.reset-size11.size6, .katex .fontsize-ensurer.reset-size11.size6 { font-size: 0.401929em; }
.katex .sizing.reset-size11.size7, .katex .fontsize-ensurer.reset-size11.size7 { font-size: 0.482315em; }
.katex .sizing.reset-size11.size8, .katex .fontsize-ensurer.reset-size11.size8 { font-size: 0.578778em; }
.katex .sizing.reset-size11.size9, .katex .fontsize-ensurer.reset-size11.size9 { font-size: 0.694534em; }
.katex .sizing.reset-size11.size10, .katex .fontsize-ensurer.reset-size11.size10 { font-size: 0.833601em; }
.katex .sizing.reset-size11.size11, .katex .fontsize-ensurer.reset-size11.size11 { font-size: 1em; }
.katex .delimsizing.size1 { font-family: KaTeX_Size1; }
.katex .delimsizing.size2 { font-family: KaTeX_Size2; }
.katex .delimsizing.size3 { font-family: KaTeX_Size3; }
.katex .delimsizing.size4 { font-family: KaTeX_Size4; }
.katex .delimsizing.mult .delim-size1 > span { font-family: KaTeX_Size1; }
.katex .delimsizing.mult .delim-size4 > span { font-family: KaTeX_Size4; }
.katex .nulldelimiter { display: inline-block; width: 0.12em; }
.katex .delimcenter { position: relative; }
.katex .op-symbol { position: relative; }
.katex .op-symbol.small-op { font-family: KaTeX_Size1; }
.katex .op-symbol.large-op { font-family: KaTeX_Size2; }
.katex .op-limits > .vlist-t { text-align: center; }
.katex .accent > .vlist-t { text-align: center; }
.katex .accent .accent-body:not(.accent-full) { width: 0px; }
.katex .accent .accent-body { position: relative; }
.katex .overlay { display: block; }
.katex .mtable .vertical-separator { display: inline-block; margin: 0px -0.025em; border-right: 0.05em solid; }
.katex .mtable .vs-dashed { border-right: 0.05em dashed; }
.katex .mtable .arraycolsep { display: inline-block; }
.katex .mtable .col-align-c > .vlist-t { text-align: center; }
.katex .mtable .col-align-l > .vlist-t { text-align: left; }
.katex .mtable .col-align-r > .vlist-t { text-align: right; }
.katex .svg-align { text-align: left; }
.katex svg, .screenShotTempCanvas { display: block; position: absolute; width: 100%; height: inherit; fill: currentcolor; stroke: currentcolor; fill-rule: nonzero; fill-opacity: 1; stroke-width: 1; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0; stroke-opacity: 1; }
.katex svg path { stroke: none; }
.katex .stretchy { width: 100%; display: block; position: relative; overflow: hidden; }
.katex .stretchy::before, .katex .stretchy::after { content: ""; }
.katex .hide-tail { width: 100%; position: relative; overflow: hidden; }
.katex .halfarrow-left { position: absolute; left: 0px; width: 50.2%; overflow: hidden; }
.katex .halfarrow-right { position: absolute; right: 0px; width: 50.2%; overflow: hidden; }
.katex .brace-left { position: absolute; left: 0px; width: 25.1%; overflow: hidden; }
.katex .brace-center { position: absolute; left: 25%; width: 50%; overflow: hidden; }
.katex .brace-right { position: absolute; right: 0px; width: 25.1%; overflow: hidden; }
.katex .x-arrow-pad { padding: 0px 0.5em; }
.katex .x-arrow, .katex .mover, .katex .munder { text-align: center; }
.katex .boxpad { padding: 0px 0.3em; }
.katex .fbox { box-sizing: border-box; border: 0.04em solid black; }
.katex .fcolorbox { box-sizing: border-box; border: 0.04em solid; }
.katex .cancel-pad { padding: 0px 0.2em; }
.katex .cancel-lap { margin-left: -0.2em; margin-right: -0.2em; }
.katex .sout { border-bottom-style: solid; border-bottom-width: 0.08em; }
.output_wrapper pre code { display: -webkit-box !important; } .output_wrapper pre code{font-family: Consolas, Inconsolata, Courier, monospace; display: block !important; white-space: pre !important; word-wrap: normal !important; word-break: normal !important;  overflow: auto !important;}  .output_wrapper pre code *{word-wrap: inherit !important; word-break: inherit !important;} </style><style type="text/css" id="code_theme">.output_wrapper .hljs{color: rgb(169, 183, 198); background: rgb(40, 43, 46); display: block; overflow-x: auto; padding: 0.5em;}

.output_wrapper .hljs-params{color: rgb(255, 152, 35);}

.output_wrapper .hljs-number,.output_wrapper  .hljs-literal,.output_wrapper  .hljs-symbol,.output_wrapper  .hljs-bullet{color: rgb(174, 135, 250);}

.output_wrapper .hljs-function,.output_wrapper  .hljs-built_in,.output_wrapper  .hljs-name,.output_wrapper  .hljs-keyword,.output_wrapper  .hljs-selector-tag,.output_wrapper  .hljs-deletion{color: rgb(248, 35, 117);}

.output_wrapper .hljs-variable,.output_wrapper  .hljs-template-variable,.output_wrapper  .hljs-link{color: rgb(98, 151, 85);}

.output_wrapper .hljs-comment,.output_wrapper  .hljs-quote{color: rgb(128, 128, 128);}

.output_wrapper .hljs-meta{color: rgb(91, 218, 237);}

.output_wrapper .hljs-string,.output_wrapper  .hljs-attribute,.output_wrapper  .hljs-addition{color: rgb(238, 220, 112);}

.output_wrapper .hljs-attr,.output_wrapper  .hljs-section,.output_wrapper  .hljs-title,.output_wrapper  .hljs-type{color: rgb(165, 218, 45);}

.output_wrapper .hljs-selector-class{color: rgb(165, 218, 45);}

.output_wrapper .hljs-emphasis{font-style: italic;}

.output_wrapper .hljs-strong{font-weight: bold;}
</style><style type="text/css" id="code_size">.output_wrapper pre code {line-height: 18px; font-size: 14px; font-weight: normal; word-spacing: 0px; letter-spacing: 0px;}</style><style type="text/css" id="mycss">.output_wrapper{font-size: 15px; color: rgb(62, 62, 62); line-height: 1.8; word-spacing: 2px; letter-spacing: 2px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); background-size: 20px 20px; background-position: center center;}

.output_wrapper *{font-size: inherit; color: inherit; line-height: inherit; margin: 0px; padding: 0px;}

.output_wrapper p{margin: 1.7em 0px;}

.output_wrapper h1,.output_wrapper  h2,.output_wrapper  h3,.output_wrapper  h4,.output_wrapper  h5,.output_wrapper  h6{margin: 1.6em 0px; font-weight: bold;}

.output_wrapper h1{font-size: 1.6em;}

.output_wrapper h2{font-size: 1.4em;}

.output_wrapper h3{font-size: 1.3em;}

.output_wrapper h4{font-size: 1.2em;}

.output_wrapper h5{font-size: 1em;}

.output_wrapper h6{font-size: 1em;}

.output_wrapper h3{border-bottom: 2px solid rgb(239, 112, 96); font-size: 1.3em;}

.output_wrapper h3 span{display: inline-block; font-weight: normal; background: rgb(239, 112, 96); color: rgb(255, 255, 255); padding: 3px 10px 1px; border-top-right-radius: 3px; border-top-left-radius: 3px; margin-right: 3px;}

.output_wrapper h3::after{display: inline-block; content: " "; vertical-align: bottom; border-bottom: 36px solid rgb(239, 235, 233); border-right: 20px solid transparent;}

.output_wrapper ul,.output_wrapper  ol{padding-left: 32px;}

.output_wrapper ul{list-style-type: disc;}

.output_wrapper ol{list-style-type: decimal;}

.output_wrapper li *{}

.output_wrapper li{margin-bottom: 0.5em;}

.output_wrapper .code_size_default{line-height: 18px; font-size: 14px; font-weight: normal; word-spacing: 0px; letter-spacing: 0px;}

.output_wrapper .code_size_tight{line-height: 15px; font-size: 11px; font-weight: normal; word-spacing: -3px; letter-spacing: 0px;}

.output_wrapper pre code{font-family: Consolas, Inconsolata, Courier, monospace; border-radius: 0px;}

.output_wrapper blockquote{display: block; padding: 15px 15px 15px 1rem; font-size: 0.9em; margin: 1em 0px; color: rgb(0, 0, 0); border-left: 5px solid rgb(239, 112, 96); background: rgb(239, 235, 233); overflow: auto; overflow-wrap: normal; word-break: normal;}

.output_wrapper blockquote p{margin: 0px;}

.output_wrapper a{text-decoration: none; color: rgb(30, 107, 184); overflow-wrap: break-word;}

.output_wrapper strong{font-weight: bold; color: rgb(233, 105, 0);}

.output_wrapper em{color: rgb(98, 0, 234);}

.output_wrapper del{font-style: italic; text-decoration: none; color: rgb(41, 98, 255);}

.output_wrapper strong em{font-weight: bold; color: rgb(197, 17, 98);}

.output_wrapper hr{height: 1px; margin: 1.5rem 0px; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px dashed rgb(165, 165, 165);}

.output_wrapper code{overflow-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0px 2px; color: rgb(248, 35, 117); background: rgb(248, 248, 248);}

.output_wrapper img{display: block; margin: 0px auto; max-width: 100%;}

.output_wrapper figcaption{margin-top: 10px; text-align: center; color: rgb(153, 153, 153); font-size: 0.7em;}

.output_wrapper table{display: table; width: 100%; text-align: left;}

.output_wrapper tbody{border: 0px;}

.output_wrapper table tr{border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204); background-color: white;}

.output_wrapper table tr:nth-child(2n){background-color: rgb(248, 248, 248);}

.output_wrapper table tr th,.output_wrapper  table tr td{font-size: 1em; border: 1px solid rgb(204, 204, 204); padding: 0.5em 1em; text-align: left;}

.output_wrapper table tr th{font-weight: bold; background-color: rgb(240, 240, 240);}

.output_wrapper .katex-display{font-size: 1.22em;}

.output_wrapper .katex{padding: 8px 3px;}

.output_wrapper .katex-display > .katex{display: inline-block; text-align: center; padding: 3px;}

.output_wrapper .katex img{display: inline-block; vertical-align: middle;}

.output_wrapper a[href^="#"] sup{vertical-align: super; margin: 0px 2px; padding: 1px 3px; color: rgb(255, 255, 255); background: rgb(102, 102, 102); font-size: 0.7em;}

.output_wrapper .task-list-list{list-style-type: none;}

.output_wrapper .task-list-list.checked{color: rgb(62, 62, 62);}

.output_wrapper .task-list-list.uncheck{color: rgb(191, 193, 191);}

.output_wrapper .task-list-list .icon_uncheck,.output_wrapper  .task-list-list .icon_check{display: inline-block; vertical-align: middle; margin-right: 10px;}

.output_wrapper .task-list-list .icon_check::before{content: "√"; border: 2px solid rgb(62, 62, 62); color: red;}

.output_wrapper .task-list-list .icon_uncheck::before{content: "x"; border: 2px solid rgb(191, 193, 191); color: rgb(191, 193, 191);}

.output_wrapper .task-list-list .icon_check::before,.output_wrapper  .task-list-list .icon_uncheck::before{padding: 2px 8px 2px 5px; border-radius: 5px;}

.output_wrapper .toc{margin-left: 25px;}

.output_wrapper .toc_item{display: block;}

.output_wrapper .toc_left{margin-left: 25px;}
</style></head>
<body id="body_id">
<!-- <div id='file_container'></div> -->

<div class="all_container">
    
    
   <div id="global_popup" style="display: none;">     
      <div class="popup_background"></div>
      <div class="popup_conetent popup"></div>
    </div>
    
   
    
    <div id="picture_popup" style="display:none">   
        <div class="picture_popup_content common_pop">
            <div class="closePopupContainerId">
                <span class="icon_class  close_popup_icon close_popup_id"></span>
            </div>
            <div class="picItems">           
            </div>
            <div class="picError">
                <div class="warning">如有图片上传失败！</div>
                <div>请点击工具栏“图片”图标，检查图床配置！</div>
                <div>并确认图片类型为：png、jpg、bmp、gif或jpeg!</div>
            </div>
        </div>
    </div>

    <div id="version_popup" style="display:none">   
        <div class="versionContent common_pop">
            <div class="closePopupContainerId">
                <span class="icon_class  close_popup_icon close_popup_id"></span>
            </div>
            <div class="versionContentId">           
            </div>
        </div>
    </div>

    <div id="picture_setting_popup" style="display:none">   
      <div class="picture_settingPopupContent common_pop">
          <div class="closePopupContainerId">
              <span class="icon_class  close_popup_icon close_popup_id"></span>
          </div>
         <div class="uploadPicBtnContainer">
           <label class="uploadPicBtn" for="uploadPicInputId">请点击选择本地图片</label>
           <input type="file" name="pic" id="uploadPicInputId" accept="image/png,image/jpg,image/jpeg,image/gif,image/bmp" multiple="multiple" style="display:none">
        </div>  
        <div>
       
      </div>
        <div class="picSettingContainer picSetting">
            <label class="warning">注：如要插入本地图片，先要在七牛云上注册，填写下面信息并“保存”。OK后,插入本地图片会自动上传到七牛云，并正确显示到Md2All中。</label>
            <a href="https://www.cnblogs.com/garyyan/p/9181809.html" target="_blank">详细教程,请点击此链接查看</a>
            <div class="picInputInfoItem"><label class="item_name ">	Access Key:</label><input class="accesskey" placeholder="请输入你在七牛的AccessKey"></div>
            <div class="picInputInfoItem"><label class="item_name ">Secret Key:</label><input class="secretkey" placeholder="请输入你在七牛的SecretKey"></div>
            <div class="picInputInfoItem"><label class="item_name ">Bucket Name:</label><input class="bucketname" placeholder="请输入你在七牛个人的储存空间名称,如:mybucket"></div> 
            <div class="picInputInfoItem"><label class="item_name ">Bucket Domain:</label><input class="bucketdomain" placeholder="请输入你在七牛个人的储存空间域名,如：mydomain.bkt.clouddn.com"></div> 
            <div class="picInputInfoItem autouploadImgItem"><label class="autoUploadImgLabel ">文中需转换为图片的内容(如Latex数学公式),会自动上传到云图床</label><span class="autouploadImg"><input type="checkbox" class="autouploadImgInput"></span></div> 
            <button class="savePicSetting">保存设置</button>
        </div>
      </div>
    </div>

    <div id="filewindow_popup" class="popup" style="display: none;"></div>
    <div class="tool_header">    
          
         <div id="icon_container_left">  
              <a id="edit_file" class="icon_class tool_pic_icon edit_icon" title="打开本地已存草稿，开始编辑,并自动保存"><span class="icon_class"></span></a>
              <a id="export_file" class="icon_class tool_pic_icon export_icon" title="导出带样式的HTML文件"><span class="icon_class  "></span></a>
              <a id="picture" class="icon_class tool_pic_icon picture_icon" title="上传图片，及图床设置"><span class="icon_class  "></span></a>
              

        </div>

        <div id="icon_container_right">  
          <button id="copy_btn" class="btn button" data-clipboard-action="copy" data-clipboard-target="#render_output_id">复制</button>
          <a id="mycss_icon" class=" icon_class" title="可选css样式模板，或自定义css样式">一键排版 </a>
           <a id="color_ref" class=" icon_class color_window_icon" title="参考颜色"> </a>
          <span id="html_select">HTML <input id="html" type="checkbox" name="html"></span>
          <span id="codeline_select">代码行数  <input id="codeline" type="checkbox" name="codelineName"></span>
          <span id="narrowcode_select">代码紧凑  <input id="narrowcode" type="checkbox" name="narrowcode"></span>
          <div id="code_select" class="theme-wrapper">
            <label>代码主题：</label><select class="code-theme"><option value="favorite" selected="">favorite</option><option value="agate">agate</option><option value="androidstudio">androidstudio</option><option value="arduino-light">arduino-light</option><option value="arta">arta</option><option value="ascetic">ascetic</option><option value="atelier-cave-dark">atelier-cave-dark</option><option value="atelier-cave-light">atelier-cave-light</option><option value="atelier-dune-dark">atelier-dune-dark</option><option value="atelier-dune-light">atelier-dune-light</option><option value="atelier-estuary-dark">atelier-estuary-dark</option><option value="atelier-estuary-light">atelier-estuary-light</option><option value="atelier-forest-dark">atelier-forest-dark</option><option value="atelier-forest-light">atelier-forest-light</option><option value="atelier-heath-dark">atelier-heath-dark</option><option value="atelier-heath-light">atelier-heath-light</option><option value="atelier-lakeside-dark">atelier-lakeside-dark</option><option value="atelier-lakeside-light">atelier-lakeside-light</option><option value="atelier-plateau-dark">atelier-plateau-dark</option><option value="atelier-plateau-light">atelier-plateau-light</option><option value="atelier-savanna-dark">atelier-savanna-dark</option><option value="atelier-savanna-light">atelier-savanna-light</option><option value="atelier-seaside-dark">atelier-seaside-dark</option><option value="atelier-seaside-light">atelier-seaside-light</option><option value="atelier-sulphurpool-dark">atelier-sulphurpool-dark</option><option value="atelier-sulphurpool-light">atelier-sulphurpool-light</option><option value="atom-one-dark">atom-one-dark</option><option value="atom-one-light">atom-one-light</option><option value="brown-paper">brown-paper</option><option value="codepen-embed">codepen-embed</option><option value="color-brewer">color-brewer</option><option value="darcula">darcula</option><option value="dark">dark</option><option value="darkula">darkula</option><option value="default">default</option><option value="docco">docco</option><option value="dracula">dracula</option><option value="far">far</option><option value="foundation">foundation</option><option value="github">github</option><option value="github-gist">github-gist</option><option value="googlecode">googlecode</option><option value="grayscale">grayscale</option><option value="gruvbox-dark">gruvbox-dark</option><option value="gruvbox-light">gruvbox-light</option><option value="hopscotch">hopscotch</option><option value="hybrid">hybrid</option><option value="idea">idea</option><option value="ir-black">ir-black</option><option value="kimbie.dark">kimbie.dark</option><option value="kimbie.light">kimbie.light</option><option value="magula">magula</option><option value="mono-blue">mono-blue</option><option value="monokai">monokai</option><option value="monokai-sublime">monokai-sublime</option><option value="obsidian">obsidian</option><option value="ocean">ocean</option><option value="paraiso-dark">paraiso-dark</option><option value="paraiso-light">paraiso-light</option><option value="pojoaque">pojoaque</option><option value="purebasic">purebasic</option><option value="qtcreator_dark">qtcreator_dark</option><option value="qtcreator_light">qtcreator_light</option><option value="railscasts">railscasts</option><option value="rainbow">rainbow</option><option value="routeros">routeros</option><option value="school-book">school-book</option><option value="solarized-dark">solarized-dark</option><option value="solarized-light">solarized-light</option><option value="sunburst">sunburst</option><option value="tomorrow">tomorrow</option><option value="tomorrow-night">tomorrow-night</option><option value="tomorrow-night-blue">tomorrow-night-blue</option><option value="tomorrow-night-bright">tomorrow-night-bright</option><option value="tomorrow-night-eighties">tomorrow-night-eighties</option><option value="vs">vs</option><option value="vs2015">vs2015</option><option value="xcode">xcode</option><option value="xt256">xt256</option><option value="zenburn">zenburn</option></select>
          </div>    

        </div>
       
     </div>
 
  <div id="display_area" style="height: 935px;">
     
      <div id="fileWindow" style="width: 0px;">
      

      </div>
      <textarea id="editor" spellcheck="false" style="width: 1019px; transform: translate(0px, 0px);"></textarea>
      <!-- <div contenteditable="true" id="editor"></div> -->
      <div id="drag_indicate" style="transform: translate(1019px, 0px);"></div>
      <div id="editor_render" style="width: 1019px; transform: translate(1029px, 0px);">
         <div id="render_output_id"><div class="output_wrapper" id="output_wrapper_id"><blockquote>
  <p>在前面的文章中简单地介绍了 Kotlin 中函数的声明，本节将介绍 Kotlin 另外一种语法特性：函数嵌套</p>
</blockquote>
<h3 id="h"><span>函数语法</span></h3>
<h4 id="h-1"><span>函数声明</span></h4>
<p>即使 Kotlin 是一门面向对象的编程语言，它依然保留了函数这样的概念，不像 Java 中，仅仅只有方法。</p>
<p>在开始前先回顾下函数的声明：</p>
<p>在 kotlin 中以 <code>fun</code> 关键字表示我要声明的是一个函数，函数的参数与变量声明类似，<code>变量名 : 变量类型</code>，如果需要返回值，则直接在后面添加 <code>: 返回值类型</code> ，例如：</p>
<figure><img src="./Md2All_files/20200314172745.png" alt="" title=""><figcaption></figcaption></figure>
<h4 id="h-2"><span>函数参数默认值</span></h4>
<p>另外，Kotlin 中允许函数的参数有默认值的。例如下面代码，控制台则输出 “Default Name”。</p>
<figure><img src="./Md2All_files/20200315144023.png" alt="" title=""><figcaption></figcaption></figure>
<h4 id="h-3"><span>函数体省略</span></h4>
<p>如果一个函数的函数体只要一个语句的话，我们是可以直接将这个语句赋值给这个函数的：</p>
<figure><img src="./Md2All_files/20200315144428.png" alt="" title=""><figcaption></figcaption></figure>
<h3 id="h-4"><span>函数嵌套</span></h3>
<p>与内部类有些类似，内部函数可以访问外部函数的局部变量，例如代码中的 str，内部函数是可以访问的。</p>
<figure><img src="./Md2All_files/20200315144734.png" alt="" title=""><figcaption></figcaption></figure>
<p>通过上面的示例，我们可以简单总结一下它的使用场景：</p>
<ol>
<li><span>在某些条件下会触发递归的函数</span></li>
<li><span>不希望被外部函数访问到的函数</span></li>
</ol>
<blockquote>
  <p>【注】需要注意的是，在一般情况下我们是不推荐使用嵌套函数的，因为这样会大大降低代码的可读性。</p>
</blockquote>
<p>以上就是本节内容。</p>
<figure><img src="./Md2All_files/3118842-82873e0d5cd2d081.png" alt="长按关注" title="长按关注"><figcaption>长按关注</figcaption></figure></div></div>
      </div>
      <div id="cssSetting" style="width: 1019px; transform: translate(0px, 0px); visibility: hidden;">
          <div id="cssToolHead">
               <div id="css_select" class="theme-wrapper">
                 <label>排版样式选择：</label><select class="css-theme"><option value="最爱样式">最爱样式</option><option value="默认样式">默认样式</option><option value="标题颜色">标题颜色</option><option value="标题居中">标题居中</option><option value="标题背景">标题背景</option><option value="标题酷酷">标题酷酷</option><option value="感想,诗词">感想,诗词</option><option value="引用块样式">引用块样式</option><option value="代码块样式">代码块样式</option><option value="标题淡雅">标题淡雅</option><option value="标题前修饰">标题前修饰</option><option value="标题背景渐变">标题背景渐变</option><option value="字距偏大">字距偏大</option><option value="标题下边框">标题下边框</option><option value="标题上下边框">标题上下边框</option><option value="标题四边框">标题四边框</option><option value="标题首字突出">标题首字突出</option><option value="标题后修饰">标题后修饰</option><option value="标题倒挂">标题倒挂</option><option value="网格背景">网格背景</option><option value="综合示例" selected="">综合示例</option></select>
              </div>  
               <label id="cssnote">注：修改或"恢复预设值"后，要<span style="font-weight: bold;font-size: 17px"> 保 存 </span>才生效</label> 
          </div>
          <div id="cssEditArea" contenteditable="true">/*<span class="css_edit_note">可任意修改样式，或恢复预设值，保存后生效
这是个综合的示例，所以对很多地方都进行了修改
相对“默认样式”而作的修改会用  <span class="css_edit_update">红色</span> 标注</span>*/


.output_wrapper/*<span class="css_edit_note">此属性为全局</span>*/
{
     font-size: 15px;/*<span class="css_edit_update">更改默认的字体大小</span>*/
     color: #3e3e3e;
     line-height: 1.8; /*<span class="css_edit_update">更改默认的行距</span>*/
     word-spacing:2px; /*<span class="css_edit_update">更改默认的词间距</span>*/
     letter-spacing:2px;/*<span class="css_edit_update">更改默认的字符间距</span>*/
     font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;   

     /*<span class="css_edit_update">增加背景网格</span>*/
     background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg,rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%);
     background-size: 20px 20px;
     background-position: center center;
}
.output_wrapper *
{
  font-size: inherit  ;
  color: inherit;
  line-height: inherit;
  margin:0px;
  padding:0px;
}

p {/*<span class="css_edit_note">段落</span>*/
  margin: 1.7em 0px;/*<span class="css_edit_update">更改默认的段落距离</span>*/
}
h1,h2,h3,h4,h5,h6 {
  margin: 1.6em 0px;/*<span class="css_edit_update">增加默认的标题间距</span>*/
  font-weight:bold;
}
h1 {
  font-size: 1.6em  ;
 
}
h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.3em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 1em;
}



h3{/*<span class="css_edit_update">增加对h3标题的修改</span>*/
   border-bottom:2px  solid   rgb(239,112,96);
   font-size: 1.3em;
}
h3 span{/*<span class="css_edit_update">增加对h3标题字体的修改</span>*/
  display:inline-block;
  font-weight:normal;
  background:rgb(239,112,96);
  color:#ffffff;
  padding:3px 10px 1px;
  border-top-right-radius: 3px; 
  border-top-left-radius: 3px; 
  margin-right:3px;
}
h3:after{/*<span class="css_edit_update">增加对h3标题后面的修饰</span>*/
  display: inline-block; 
  content:" "; 
  vertical-align: bottom;
  border-bottom: 36px solid #EFEBE9;
  border-right: 20px solid transparent;  
}


ul, ol {
  padding-left: 32px;
}
ul{ /*<span class="css_edit_note">无序列表</span>*/
    list-style-type: disc;
}
ol { /*<span class="css_edit_note">有序列表</span>*/
  list-style-type: decimal;
}
li *  
{
 /* color: #3e3e3e;*/
} 

li{  /*<span class="css_edit_note">在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用</span>*/ 
    margin-bottom: 0.5em;
/*  color:#159957; */    
}
.code_size_default  /*<span class="css_edit_note">代码块默认size</span>*/
{
  line-height: 18px;
  font-size: 14px; 
  font-weight:normal;
  word-spacing:0px; 
  letter-spacing:0px; 
}
.code_size_tight /*<span class="css_edit_note">代码块紧凑size</span>*/
{
   line-height: 15px; 
   font-size: 11px; 
   font-weight:normal;
   word-spacing:-3px; 
   letter-spacing:0px; 
}
pre code /*<span class="css_edit_note">代码块</span>*/
{           
     font-family: Consolas, Inconsolata, Courier, monospace;
     border-radius: 0px;
}
blockquote { /*<span class="css_edit_note">引用块</span>*/
  display: block;
  padding: 15px 1rem;
  font-size: 0.9em;
  padding-right: 15px;
  margin: 1em 0;
  
  /*<span class="css_edit_update">更改默认值</span>*/
  color: #000000;
  border-left: 5px solid rgb(239,112,96);
  background: #EFEBE9;
  
  overflow: auto;
  overflow-scrolling: touch; 
  word-wrap: normal;
  word-break: normal;  
}
blockquote p {
    margin: 0px;
}

a { /*<span class="css_edit_note">超链接</span>*/
  text-decoration: none;
  color: #1e6bb8;
  word-wrap:break-word;
}

strong  /*<span class="css_edit_note">强调</span>*/
{
  font-weight: bold;
  color:#e96900;/*<span class="css_edit_update">更改默认的颜色</span>*/
}
em /*<span class="css_edit_note">斜体</span>*/
{
 /*font-style:italic;*//*<span class="css_edit_update">把默认的斜体去掉</span>*/
 color:#6200EA;/*<span class="css_edit_update">更改默认的颜色</span>*/
}
del /*<span class="css_edit_note">删除线</span>*/
{
 font-style:italic;
 text-decoration:none;/*<span class="css_edit_update">把默认的删除线去掉</span>*/
 color:#2962FF;/*<span class="css_edit_update">更改默认的颜色</span>*/
}
strong em/*<span class="css_edit_note">强调的斜体</span>*/
{
font-weight: bold;
color:#C51162;/*<span class="css_edit_update">更改默认的颜色</span>*/
}


hr {  /*<span class="css_edit_note">分隔线</span>*/
  height: 1px;
  margin: 1.5rem 0px;
  border: none;
  border-top: 1px dashed #A5A5A5;
}


code /*<span class="css_edit_note">行内代码</span>*/
{
    word-wrap: break-word;
    padding: 2px 4px;
    border-radius: 4px;
    margin:0 2px;
    color:#f82375;/*<span class="css_edit_update">更改默认的颜色</span>*/
    background:#f8f8f8;
}
img
{
  display: block;
  margin:0 auto;  /*<span class="css_edit_note">图片水平居中</span>*/
  /* margin:0 0;  */ /*<span class="css_edit_note">图片水平居左，如需要请打开</span>*/
  max-width:100%;
}
figcaption/*<span class="css_edit_note">图片描述文字</span>*/
{
  margin-top:10px;
  text-align:center;
   /* text-align:left;  */ /*<span class="css_edit_note">当图片水平居左时，请打开</span>*/
  color:#999;
  font-size: 0.7em;
}

/*<span class="css_edit_note">================表格开始================</span>*/
table
{
 display:table;
 width: 100% ;
 text-align: left;
}
tbody {
  border: 0;
}

table tr {
  border: 0;
  border-top: 1px solid #CCC;
  background-color: white;
 
}

/*<span class="css_edit_update">隔行改变行的背景色</span>*/
table tr:nth-child(2n) {
  background-color: #F8F8F8;
}


table tr th, table tr td {
  font-size: 1em;
  border: 1px solid #CCC;
  padding: 0.5em 1em;
  text-align: left;
}
/*<span class="css_edit_note">表头的属性</span>*/
table tr th {
 font-weight: bold;
  background-color: #F0F0F0;
}
/*<span class="css_edit_note">================表格结束================</span>*/



/*<span class="css_edit_note">================数学公式开始================</span>*/
.katex-display {/*<span class="css_edit_note">块公式</span>*/
  font-size:1.22em; 
}
.katex
{/*<span class="css_edit_note">行内公式</span>*/
  padding:8px 3px;
}
.katex-display &gt; .katex
{/*<span class="css_edit_note">块公式</span>*/
   display:inline-block;
   text-align:center;
   padding:3px;
}
.katex img
{/*<span class="css_edit_note">行内公式对应的图片</span>*/
  display:inline-block;
  vertical-align:middle;
}
/*<span class="css_edit_note">================数学公式结束================</span>*/

a[href^="#"] sup
{/*<span class="css_edit_note">注脚</span>*/
  vertical-align:super;
  margin:0 2px;  
  padding:1px 3px; 
  color: #ffffff;
  background:#666666;
  font-size:0.7em;
}

/*<span class="css_edit_note">================任务列表开始================</span>*/
.task-list-list {
  list-style-type: none;
}
.task-list-list.checked {/*<span class="css_edit_note">已完成</span>*/
  color: #3e3e3e;
}

.task-list-list.uncheck {/*<span class="css_edit_note">未完成</span>*/
  color: #bfc1bf;
}
.task-list-list .icon_uncheck, .task-list-list .icon_check {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.task-list-list .icon_check:before
{/*<span class="css_edit_note">已完成</span>*/
    content: "√";
    border: 2px solid #3e3e3e;
    color:red;
}
.task-list-list .icon_uncheck:before
{/*<span class="css_edit_note">未完成</span>*/
   content: "x";
   border: 2px solid #bfc1bf;
    color: #bfc1bf;
}
.task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
{/*<span class="css_edit_note">标志框</span>*/
  padding:2px;
  padding-left: 5px;
  padding-right: 8px;
  border-radius:5px;
}
/*<span class="css_edit_note">================任务列表结束================</span>*/

.toc
{/*<span class="css_edit_note">总目录</span>*/
  margin-left:25px;
}
.toc_item
{/*<span class="css_edit_note">每条目录</span>*/
  display:block;

}
.toc_left
{/*<span class="css_edit_note">每级目录的缩进</span>*/
  margin-left:25px;
}</div>
          <div id="cssToolFoot">
               <a title="修改后，要保存才能看到效果"><span id="css_save" class="icon_class">保 存</span></a>
               <a title="恢复预设值后，要保存才能看到效果"><span id="css_reset" class="icon_class">恢复预设值</span></a>
               <span id="css_close" class="icon_class">关 闭</span>
          </div>
      </div>
  </div>  

  <div id="container_foot" style="top: 985px;">
     <span id="foot_css">
       <span id="saveIndicate" style="visibility: visible;">已保存！ </span>
       <span id="currentFile"></span>
       <span id="beian"><a href="http://www.miitbeian.gov.cn/" title="网站备案号">粤ICP备17115165号</a></span>
     </span>    
  </div>
</div>


<div id="file_export_container" style="height: 935px;">
   <div id="file_export_tool_head">
       <a title="退出到主界面"><span id="file_export_exit" class="icon_class">退出</span></a>
       <a title="生成文件"><span id="file_export_gen_file" class="icon_class">生成文件</span></a>
       <span id="file_export_nameinput"><label id="file_export_note">文件名：</label> <input id="file_export_fileName" value="Md2All"><label id="file_export_suffix">.html</label> </span>  
   </div>
   <div id="file_export_setting" style="width: 1019px; transform: translate(0px, 0px);">
          <div id="file_export_settingHead">
               
          </div>
          <div id="file_export_cssEditArea" contenteditable="true">abcd</div>    
          <div id="file_export_settingFoot">
               <a title="修改后，要保存才能看到效果"><span id="file_export_save" class="icon_class">保 存</span></a>
               <a title="恢复预设值后，要保存才能看到效果"><span id="file_export_reset" class="icon_class">恢复预设值</span></a>
          </div>     
   </div>
   <div id="export_iframe_container" style="width: 1019px; transform: translate(1029px, 0px);">
      <iframe id="export_iframe" src="./Md2All_files/saved_resource.html"></iframe>
      <div id="export_iframe_cover"></div>
   </div>
</div>


<div class="color_windown" id="color_window_id">
      <div class="color_toolbar">
          <span id="color_name_id">red</span>
          <span class="icon_class  close_color_icon" id="close_color_id"></span>
      </div>
      <div class="color_container">
          <div class="color_father_container"><span class="color_father color_select" data-colorname="red" style="background:#D50000"></span><span class="color_father" data-colorname="pink" style="background:#C51162"></span><span class="color_father" data-colorname="purple" style="background:#AA00FF"></span><span class="color_father" data-colorname="deep-purple" style="background:#6200EA"></span><span class="color_father" data-colorname="indigo" style="background:#304FFE"></span><span class="color_father" data-colorname="blue" style="background:#2962FF"></span><span class="color_father" data-colorname="light-blue" style="background:#0091EA"></span><span class="color_father" data-colorname="cyan" style="background:#00B8D4"></span><span class="color_father" data-colorname="teal" style="background:#00BFA5"></span><span class="color_father" data-colorname="green" style="background:#00C853"></span><span class="color_father" data-colorname="light-green" style="background:#64DD17"></span><span class="color_father" data-colorname="lime" style="background:#AEEA00"></span><span class="color_father" data-colorname="yellow" style="background:#FFD600"></span><span class="color_father" data-colorname="amber" style="background:#FFAB00"></span><span class="color_father" data-colorname="orange" style="background:#FF6D00"></span><span class="color_father" data-colorname="deep-orange" style="background:#DD2C00"></span><span class="color_father" data-colorname="brown" style="background:#3E2723"></span><span class="color_father" data-colorname="grey" style="background:#212121"></span><span class="color_father" data-colorname="blue-grey" style="background:#263238"></span></div>
          <div class="color_son_container"><span class="color_son" style="background:#FFEBEE">#FFEBEE</span><span class="color_son" style="background:#FFCDD2">#FFCDD2</span><span class="color_son" style="background:#EF9A9A">#EF9A9A</span><span class="color_son" style="background:#E57373">#E57373</span><span class="color_son" style="background:#EF5350">#EF5350</span><span class="color_son" style="background:#F44336">#F44336</span><span class="color_son" style="background:#E53935">#E53935</span><span class="color_son" style="background:#D32F2F">#D32F2F</span><span class="color_son" style="background:#C62828">#C62828</span><span class="color_son" style="background:#B71C1C">#B71C1C</span><span class="color_son" style="background:#FF8A80">#FF8A80</span><span class="color_son" style="background:#FF5252">#FF5252</span><span class="color_son" style="background:#FF1744">#FF1744</span><span class="color_son" style="background:#D50000">#D50000</span></div>
     </div>
</div>

<div class="popup" id="popup_id">

</div>

<script>

 var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?9613757ecf26f057eeb61998d339bd25";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();


</script>
 



<div id="qb-sougou-search" style="display: none; opacity: 0;"><p>搜索</p><p class="last-btn">复制</p><iframe src="./Md2All_files/saved_resource(1).html"></iframe></div></body></html>